// pages/feedback/index.js
import wxApi from '../../utils/wxApi'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    //选中图片路劲
    imgs: [],
    textvalue: '', //文本框值

  },

  //外网图片路劲数组
  uploadimgs: [],

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  //通过微信APIwx.chooseImage获取图片
  addImages() {
    wx.chooseImage({
      count: 9,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success: (res) => {
        this.setData({
          //图片数组拼接
          imgs: [...this.data.imgs, ...res.tempFilePaths]
        })
      }
    })

  },

  //删除
  removeclick(e) {
    let {
      index
    } = e.currentTarget.dataset
    console.log(index);
    let {
      imgs
    } = this.data
    imgs.splice(index, 1)
    this.setData({
      imgs
    })
  },

  //文本域输入事件
  iptclick(e) {
    this.setData({
      textvalue: e.detail.value
    })
  },

  //点击提交
  hanclick() {
    //获取文本域内容  图片数组
    let {
      textvalue,
      imgs
    } = this.data
    console.log(textvalue);
    //文本获取判断
    if (!textvalue.trim()) {
      //不合法
      wxApi.showToast("输入不合法")
      return;
    }
    //图片上传到服务器
    wx.showLoading({
      title: '正在上传中',
      mask:true,
    })

    //判断有没有上传的图片数组
    if(imgs != 0){
    imgs.forEach((v, i) => {
      // console.log(v);
      //上传图片接口
      wx.uploadFile({
        url: 'https://images.ac.cn/Home/Index/UploadAction/',
        filePath: v,
        name: 'file',
        success: (res) => {
          console.log(res);
          let url = JSON.parse(res.data)
          this.uploadimgs.push(url)
          if(i == imgs.length-1 ){
            wx.hideLoading({})
            //上传完毕
            this.setData({
              imgs: [],
              textvalue: '',
            })
            //返回上一个页面
            wx.navigateBack({
              delta: 1,
            })
          }
        }
      })
    })
  }else{
    //只是提交了文本
    console.log('wenben');
    wx.hideLoading({
      success: (res) => {},
    })
    wx.navigateBack({
      delta: 1,
    })
  }
  }

})